<template>
  <div class="goods-list">
    <goods-item v-for="(item,index) in goodsList" :key="index" class="goodsitem" />
  </div>
</template>

<script>
import GoodsItem from './goods-item'

export default {
  name: 'GoodsList',
  components: { GoodsItem },
  props: {},
  data () {
    return {
      goodsList: [1, 2, 3, 4, 5, 6, 7, 8, 9]
    }
  },
  created () {

  },
  mounted () {

  },
  watch: {},
  computed: {},
  methods: {

  }
}
</script>

<style scoped lang="less">
.goodsitem{
  margin: 20px 20px;
}
</style>
